import Vue from 'vue';
// 表格滚动条横向拖动
Vue.directive('tableDrag', {

  inserted: function(el) {

      el = el.getElementsByClassName('el-table__body-wrapper')[0];

      el.style.cursor = 'grab';

      el.onmousedown = function() {

          let gapX = event.clientX;

          let startX = el.scrollLeft;

          document.onmousemove = function(e) {

              let x = e.clientX - gapX;

              el.scrollLeft = startX - x;

              return false;

          };

          document.onmouseup = function(e) {

              document.onmousemove = null;

              document.onmouseup = null;

          };

      };

  }

});